@charset "UTF-8";
body {
  background: #f7f8fb;
  font-family: '微软雅黑'; }

.page-header {
  background: #fff;
  height: 50px; }
  .page-header .page-header-title,
  .page-header .name {
    color: #676767;
    font-size: 14px;
    line-height: 50px;
    text-indent: 60px; }
  .page-header .page-header-personal .personal-photo {
    color: #676767; }
    .page-header .page-header-personal .personal-photo span {
      line-height: 50px; }
    .page-header .page-header-personal .personal-photo img {
      margin: 5px 0;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      height: 40px;
      width: 40px;
      vertical-align: middle; }

.page-aside {
  position: fixed;
  left: 0;
  top: 0;
  width: 50px;
  height: 100%;
  background: #2a2a2a;
  z-index: 10000; }
  .page-aside .navbar li {
    display: block;
    height: 50px; }
    .page-aside .navbar li a {
      display: block;
      height: 100%;
      color: #676767;
      font-size: 18px;
      text-align: center;
      line-height: 50px; }
      .page-aside .navbar li a.home {
        background: #61cbd8;
        color: #fff; }
      .page-aside .navbar li a:hover {
        color: #fff;
        background: #8ddbe4; }

.page-content {
  width: 900px;
  margin: 50px auto;
  min-height: 300px; }

.course-title {
  font-size: 18px;
  text-align: center;
  color: #676767;
  margin-bottom: 12px; }
